<template>
  <div id="app">
    <nav>
      <!-- <router-link to="/">Login</router-link> | -->
    </nav>
    <router-view/>
  </div>
</template>

<script>
  export default {
    name: "App",
    watch: {
      $route(to) {
        // console.log("path")
        // console.log(to.path)
        // console.log(to.path !== "/login" && to.path !== "/index")
        if (to.path !== "/login" && to.path !== "/") {
          let obj = {
            name: to.path,
            title: to.meta.title,
          }
          this.$store.commit("addTab", obj);
        }
      }
    },
  }
</script>
<style lang="scss">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
}
.el-tabs {
}
.el-tabs__nav-scroll{
  height: 39px;
}

body{
  margin:0;
  padding:0;
  border:0;
  overflow: auto;
}

.view {
  min-height: 400px;
}
/** 操作的class */
.topLevel1 {
  position: absolute; left: 15px; top:60px; z-index: 5
}
.topLevel2 {
  position: absolute; left: 15px; top:120px; z-index: 5
}
.topLevel3 {
  position: absolute; left: 15px; top:180px; z-index: 5
}
.topDefault {
  position: absolute; left: 15px; top:10px; z-index: 5
}

/** 分页的class */
.pageTopLevel1 {
  position: absolute; right: 15px; top:60px; z-index: 5
}
.pageTopLevel2 {
  position: absolute; right: 15px; top:120px; z-index: 5
}
.pageTopLevel3 {
  position: absolute; right: 15px; top:180px; z-index: 5
}
.pageTopDefault {
  position: absolute; right: 15px; top:10px; z-index: 5
}

/** table的class */
.tableTopLevelDefault {
  width: 100%;margin-bottom: 20px;margin-top: 30px;
}
.tableTopLevel1 {
  width: 100%;margin-bottom: 20px;margin-top: 20px;
}
.tableTopLevel2 {
  width: 100%;margin-bottom: 20px;margin-top: 50px;
}
.tableTopLevel3 {
  width: 100%;margin-bottom: 20px;margin-top: 80px;
}
</style>
